<template>
   <div>
    <h1>书籍：</h1>
    <slot></slot>
    <p>我是个中p</p>
    <slot name="icon"></slot>
  </div>
</template>

<script setup>
import {ref,useSlots,useAttrs} from "vue";

let count = ref(8);

function changeCount(){
    count.value++;
}

const emit = defineEmits(["change"])

console.log("useSlots()",useSlots());

// useAttrs():透传的属性（没有声明属性和事件）
console.log("useAttrs()",useAttrs());


</script>

<style scoped>

</style>